import React from 'react';
import { connect } from 'dva';
import styles from './btravel.less'
import btravelImg from '@/assets/image/dtimage/btravel.png'
import downIcon from '../../assets/image/xl.svg'

class Btravel extends React.Component {
  render() {
    const { travelTimes, travelCityCount, longestTravelProjectName, longestTravelDay } = this.props
    return (
      <div className={styles.bg}>
        <img className={styles.downIcon} src={downIcon} alt='' />
        <div className={styles.box}>
          <div className={styles.title}>2019.09.18 工作台出差系统上线</div>
          <div className={styles.textBox}>
            <div>你<span className={styles.textColor}>{travelTimes || ''}</span>次提着行李昂首出发</div>
            <div>在<span className={styles.textColor}>{travelCityCount || ''}</span>个城市奔走忙碌</div>
            <div>你曾为了<span className={styles.textColor}>{longestTravelProjectName || ''}</span></div>
            <div>奔波了<span className={styles.textColor}>{longestTravelDay || ''}</span>天</div>
            <div className={styles.border}></div>
            <div>感谢你，争分夺秒，为项目奔跑</div>
          </div>
          <img className={styles.img} src={btravelImg} alt=""></img>
        </div>
      </div>
    )
  }
}

export default connect(({ index }) => index.travel)(Btravel)